html,
body,
#root {
  margin: 0;
  padding: 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  height: 100%;
}

* {
  box-sizing: border-box;
}

.scrollbar::-webkit-scrollbar {
  width: 0.375rem !important;
}

.deployment,
.process {
  user-select: none;
  [id^="elem_object"] text[fill^="#000001"],
  .object,
  .task,
  .activity {
    &:hover {
      cursor: pointer;
      font-weight: bold;
      fill: #d32f2f;
    }
  }
}

.sequence {
  user-select: none;
  text[fill^="#000001"],
  text[objectId],
  rect[fill^="#FCFCFC"] {
    &:hover {
      cursor: pointer;
      font-weight: bold;
      fill: #d32f2f;
    }
  }
}

.border-t-solid {
  border-top-style: solid;
}
.border-r-solid {
  border-right-style: solid;
}
.border-b-solid {
  border-bottom-style: solid;
}
.border-l-solid {
  border-left-style: solid;
}
.border-px {
  border-width: 1px;
}
.text-gray {
  color: var(--mui-palette-text-secondary);
}

.ant-popover-inner-content {
  .swatches-picker {
    div div {
      box-shadow: none !important;
    }
  }
}
